<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>openlayers标绘</title>
  <link rel="stylesheet" href="../css/index.css">
  <link rel="stylesheet" href="../lib/v4.4.2/css/ol.css">
  <link rel="stylesheet" href="../lib/plotDraw/p-ol3.min.css">
</head>
<body onload='init()'>
  <div id="map"></div>
  <div id="menu">
    <div>
      线标
      <button type="button" onclick="activate(P.PlotTypes.ARC)">弧线</button>
      <button type="button" onclick="activate(P.PlotTypes.CURVE)">曲线</button>
      <button type="button" onclick="activate(P.PlotTypes.POLYLINE)">折线</button>
      <button type="button" onclick="activate(P.PlotTypes.FREEHAND_LINE)">自由线</button>
    </div>
    <div>
      面标
      <button type="button" onclick="activate(P.PlotTypes.CIRCLE)">圆</button>
      <button type="button" onclick="activate(P.PlotTypes.ELLIPSE)">椭圆</button>
      <button type="button" onclick="activate(P.PlotTypes.LUNE)">弓形</button>
      <button type="button" onclick="activate(P.PlotTypes.SECTOR)">扇形</button>
      <button type="button" onclick="activate(P.PlotTypes.CLOSED_CURVE)">曲线面</button>
      <button type="button" onclick="activate(P.PlotTypes.POLYGON)">多边形</button>
      <button type="button" onclick="activate(P.PlotTypes.RECTANGLE)">矩形</button>
      <button type="button" onclick="activate(P.PlotTypes.FREEHAND_POLYGON)">自由面</button>
      <button type="button" onclick="activate(P.PlotTypes.GATHERING_PLACE)">聚集地</button>
    </div>
    <div>
      箭头
      <button type="button" onclick="activate(P.PlotTypes.DOUBLE_ARROW)">钳击</button>
      <button type="button" onclick="activate(P.PlotTypes.STRAIGHT_ARROW)">直箭头</button>
      <button type="button" onclick="activate(P.PlotTypes.FINE_ARROW)">细直箭头</button>
      <button type="button" onclick="activate(P.PlotTypes.ASSAULT_DIRECTION)">突击方向</button>
      <button type="button" onclick="activate(P.PlotTypes.ATTACK_ARROW)">进攻方向</button>
      <button type="button" onclick="activate(P.PlotTypes.TAILED_ATTACK_ARROW)">进攻方向（尾）</button>
      <button type="button" onclick="activate(P.PlotTypes.SQUAD_COMBAT)">分队战斗行动</button>
      <button type="button" onclick="activate(P.PlotTypes.TAILED_SQUAD_COMBAT)">分队战斗行动（尾）</button>
    </div>
  </div>
  <div id="delete-wrapper">
    <div id="btn-delete" style="display:none;">删 除</div>
  </div>
  <script src="../lib/v4.4.2/build/ol4-debug.js"></script>
  <!-- <script src="../lib/v4.4.2/build/ol.js"></script> -->
  <script src="../lib/plotDraw/p-ol3.min.js"></script>
  <!-- <script src="../lib/plotDraw/p-ol3.debug.js"></script> -->
  <script src="../js/app.js"></script>
</body>
</html>